﻿@model Project_2._2.ViewModels.AdvViewModels
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_AdminLayoutPage.cshtml";
}

@{
    List<SelectListItem> list_vitri = new List<SelectListItem>();
    list_vitri.Add(new SelectListItem { Text = "Trái", Value = "Trái", Selected = true });
    list_vitri.Add(new SelectListItem { Text = "Phải", Value = "Phải" });
}

@{
    List<SelectListItem> list_chay = new List<SelectListItem>();
    list_chay.Add(new SelectListItem { Text = "Không", Value = "False", Selected = true });
    list_chay.Add(new SelectListItem { Text = "Chạy", Value = "True" });
}

@*goi su kien form click de kt validate*@
<script>
    jQuery(document).ready(function () {
        // binds form submission and fields to the validation engine
        jQuery("#form").validationEngine();
    });

</script>


<div class="grid_12">
    <div class="block-border">
        <div class="block-header">
            Tạo Quảng Cáo Mới
            @Html.ActionLink("Trở về Danh Sách", "Default", "AdminAdvertise", null, new { @class = "button" })
        </div>
        <div class="block-content">

            @using (Html.BeginForm("Create", "AdminAdvertise", FormMethod.Post, new { enctype = "multipart/form-data", id = "form" }))
            {
                @Html.ValidationSummary(true)   <!--Hiển thị kiểm lỗi phía server-->
                @Html.AntiForgeryToken()    <!--Chống giả lập yêu cầu-->

                <table style="padding: 20px 0 0 50px; line-height: 35px; color: #808080; font-weight: bold">
                    <tr>
                        <td>@Html.LabelFor(m => m.TenCtyQuangCao)<span style="color:red"> *</span></td>
                        <td>
                            @Html.TextBoxFor(m => m.TenCtyQuangCao, new { @class = "Textbox validate[required,minSize[6],maxSize[200]]", style = @"width: 300px" })
                            @Html.ValidationMessageFor(m => m.TenCtyQuangCao)
                        </td>
                    </tr>

                    <tr>
                        <td>Banner<span style="color:red"> </span></td>
                        <td>
                            <input style="width:300px" type="file" id="file" name="uploadFile" />
                        </td>
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.LinkLienKet)<span style="color:red"> *</span></td>
                        <td>
                            @Html.TextBoxFor(m => m.LinkLienKet, new { @class = "Textbox validate[required,minSize[6],maxSize[500]]", style = @"width: 270px" })
                            @Html.ValidationMessageFor(m => m.LinkLienKet)
                        </td>
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.ViTri)<span style="color:red"> *</span></td>
                        <td>
                            @Html.DropDownListFor(m => m.ViTri, list_vitri, new { @class = "select" })
                        </td>
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.NgayBatDau)<span style="color:red"> *</span></td>
                        <td>
                            @Html.TextBoxFor(m => m.NgayBatDau, new { @class = "Textbox validate[required]", style = @"width: 232px" })
                            @Html.ValidationMessageFor(m => m.NgayBatDau)
                        </td>                        
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.NgayKetThuc)<span style="color:red"> *</span></td>
                        <td>
                            @Html.TextBoxFor(m => m.NgayKetThuc, new { @class = "Textbox validate[required]", style = @"width: 232px" })
                            @Html.ValidationMessageFor(m => m.NgayKetThuc)
                        </td>
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.GiaTien)<span style="color:red"> *</span></td>
                        <td>
                            @Html.TextBoxFor(m => m.GiaTien, new { @class = "Textbox validate[required,minSize[6],maxSize[9],custom[onlyNumberSp]]", style = @"width: 100px" })
                            @Html.ValidationMessageFor(m => m.GiaTien)
                        </td>
                    </tr>

                    <tr>
                        <td>@Html.LabelFor(m => m.TrangThai)<span style="color:red"> *</span></td>
                        <td>
                            @Html.DropDownListFor(m => m.TrangThai, list_chay, new { @class = "select" })
                        </td>
                    </tr>

                    <tr>
                        <td></td>
                        <td>
                            <input type="submit" class="Button" value="Thêm" />
                            <input type="reset" class="Button" value="Hủy" />
                        </td>
                    </tr>
                </table><br />
            }

        </div>
    </div>
</div>

<script>
    jQuery('#NgayBatDau').datetimepicker({
        lang: 'vi',
        i18n: {
            de: {
                months: [
                    'Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4',
                    'Tháng 5', 'Tháng 6', 'Tháng 7', 'Tháng 8',
                    'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12',
                ],
                dayOfWeek: [
                    "CN", "T2", "T3", "T4",
                    "T5", "T6", "T7",
                ]
            }
        },
        timepicker: false,
        format: 'd - m - Y'
    });


    jQuery('#NgayKetThuc').datetimepicker({
        lang: 'vi',
        i18n: {
            de: {
                months: [
                    'Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4',
                    'Tháng 5', 'Tháng 6', 'Tháng 7', 'Tháng 8',
                    'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12',
                ],
                dayOfWeek: [
                    "CN", "T2", "T3", "T4",
                    "T5", "T6", "T7",
                ]
            }
        },
        timepicker: false,
        format: 'd - m - Y'
    });
</script>

<script>
    document.getElementById("adver").setAttribute("class", "activee")

</script>